:root {
  --theme-color: #9999ff;
  --background-color: #f0f2f5;
  --body-color: #2b2b2b;
  --text-color: #909399;
  --text-color1: #fff;
  --text-color2: #c5bdbd;
  --border-line: #414243;
  --header-back-color: rgb(15, 15, 15);
  --article-color: rgb(153, 153, 153);
  --box-title_color: #bdbdbd;
  --text-color3: #303030;
  --comment-box: #303030;
  --im-user-box-backgroudColor: #ff80ab;
  --im-box-backgroudColor: #9ccc65;
  --im-backgroudColor: #323644;
  --hover-color: #414349;
  --tips-backgroud-color: #414349;
  --article-structure-backcolor: #606266;
  --friend-tip-color: #606266;
  --article-srect-background: repeating-linear-gradient(
    145deg,
    #000,
    #000 15px,
    #303133 0,
    #303133 25px
  );
  --say-background: #303133;
  --footer-background-color: #232323e0;
  --forum-background-color: #303133;
  --article-table-back-color: #000;
  --article-table-border-color: #303133;

  --background-image: url("../img/homeCommon/bg.png"); /* 背景图片 */
  --main-select-color: #1277ff; /* 上面筛选框边框色 */
  --main-border-color: #1277ff; /* 上面筛选框字体色 */
  --background-text-color: rgba(18, 119, 255, 0.08); /* 上面筛选框背景色 */
  --main-select-fontIcon-color: rgba(
    18,
    119,
    255,
    1
  ); /* 上面筛选框小图标颜色 */
  --main-title-icon: url("../img/homeCommon/icontext2.png"); /* 文字前小图标 */
  --main-title-color: rgba(132, 198, 255, 1); /* 文字 */
  --main-title-bg: rgba(18, 119, 255, 0.08);
  --main-title-border: 1px solid rgba(18, 119, 255, 1);
  --main-title-image: linear-gradient(
      to right,
      rgba(18, 119, 255, 1),
      transparent,
      transparent,
      transparent
    )
    20 20;
  --main-waterWaveSphere-color: #fff;
  --materialData-text-color: rgba(210, 234, 255, 1);
  --materialData-border-color: 3px solid rgba(18, 119, 255, 1);
  --materialData-num-color: rgba(255, 255, 255, 1);
  --materialData-num-background: linear-gradient(
    to right,
    rgba(18, 119, 255, 0.3),
    rgba(18, 119, 255, 0)
  );
  --total-num-color: 1px solid rgba(255, 255, 255, 1);
  --materialData-rate-color: rgba(255, 255, 255, 1);
  --materialData-passRate-color: rgba(255, 255, 255, 1);
  --main-titleUnselect-color: rgba(100, 163, 226, 1);
  --main-mixSation-border: 1px dotted rgba(40, 110, 210, 1);
  --main-mix-image: url("../img/homeCommon/tong1.png");
  --main-rateNum-image: url("../img/homeCommon/tongBg1.png");
  --main-mixRate-color: rgba(210, 234, 255, 1);
  --main-mixBg-image: url("../img/homeCommon/tongdata1.png");
  --main-special-num-color: rgba(255, 255, 255, 1);
  --main-special-text-color: rgba(205, 195, 253, 1);
  --main-special-text-bg: rgba(137, 96, 230, 0.2);
  --main-special-table_th-bg: rgba(18, 119, 255, 0.08);
  --main-special-table_th-color: rgba(38, 126, 221, 1);
  --main-table-bg: rgba(18, 81, 255, 0.1);
  --main-special-selectTitle-color: rgba(18, 119, 255, 1);
  --main-enginerEntity-backcolor: rgba(18, 119, 255, 0.2);
  --main-enginerEntity-border: 1px solid transparent;

  --material-supplierRisk-border-color: 1px solid rgba(59, 104, 185, 1);
  --material-test-backgroundImage: url("../img/materialCommon/bg.png");
  --materl-test-backgroundImage: url("../img/materialCommon/test1.png");
  --materl-rate-backgroundImage:url("../img/materialCommon/rate1.png");
  --material-warn-rate-img:url("../img/materialCommon/warn1.png");
}

.theme-light {
  --theme-color: #f56c6c;
  --background-color: #f0f2f5;
  --body-color: linear-gradient(
    90deg,
    rgba(247, 149, 51, 0.1),
    rgba(243, 112, 85, 0.1) 15%,
    rgba(239, 78, 123, 0.1) 30%,
    rgba(161, 102, 171, 0.1) 44%,
    rgba(80, 115, 184, 0.1) 58%,
    rgba(16, 152, 173, 0.1) 72%,
    rgba(7, 179, 155, 0.1) 86%,
    rgba(109, 186, 130, 0.1)
  );
  --text-color: #000;
  --text-color1: #272222;
  --text-color2: #c5bdbd;
  --border-line: #e4e7ed;
  --header-back-color: hsla(0, 0%, 100%, 0.65);
  --article-color: #303133;
  --box-title_color: #333333;
  --text-color3: #f2f6fc;
  --comment-box: #f5f5f5;
  --im-user-box-backgroudColor: #1de9b6;
  --im-box-backgroudColor: #a6c6f7;
  --im-backgroudColor: #dcdfe6;
  --hover-color: #dcdfe6;
  --tips-backgroud-color: #ecf8ff;
  --article-structure-backcolor: #ecf5ff;
  --friend-tip-color: #f5f5f5;
  --article-srect-background: repeating-linear-gradient(
    145deg,
    #f2f6fc,
    #f2f6fc 15px,
    #fff 0,
    #fff 25px
  );
  --say-background: #f7f7f7;
  --footer-background-color: rgba(255, 255, 255, 0.8);
  --forum-background-color: #f2f3f5;
  --article-table-border-color: #fffdf9;
  --article-table-back-color: #fff3e0;

  --background-image: url("") no-repeat;
  --main-select-color: #b3b4b5;
  --main-border-color: #b3b4b5;
  --background-text-color: #fff; /* 上面筛选框背景色 */
  --main-select-fontIcon-color: rgba(23, 26, 29, 0.4);
  --main-title-icon: url("../img/homeCommon/icontext1.png"); /* 文字前小图标 */
  --main-title-color: rgba(23, 26, 29, 1);
  --main-title-bg: #fff;
  --main-title-border: 1px solid #fff;
  --main-title-image: #fff 20 20;
  --main-waterWaveSphere-color: rgba(23, 26, 29, 1);
  --materialData-text-color: rgba(23, 26, 29, 0.6);
  --materialData-border-color: 3px solid rgba(18, 119, 255, 1);
  --materialData-num-color: rgba(18, 119, 255, 1);
  --materialData-num-background: linear-gradient(
    to right,
    rgba(18, 119, 255, 0.3),
    rgba(18, 119, 255, 0)
  );
  --total-num-color: 1px solid rgba(18, 119, 255, 1);
  --materialData-rate-color: rgba(68, 226, 132, 1);
  --materialData-passRate-color: rgba(146, 203, 8, 1);
  --main-titleUnselect-color: rgba(23, 26, 29, 0.6);
  --main-mixSation-border: 1px dotted rgba(126, 134, 142, 0.16);
  --main-mix-image: url("../img/homeCommon/tong2.png");
  --main-rateNum-image: url("../img/homeCommon/tongBg2.png");
  --main-mixRate-color: rgba(18, 119, 255, 1);
  --main-mixBg-image: url("../img/homeCommon/tongdata2.png");
  --main-special-num-color: rgba(137, 96, 230, 1);
  --main-special-text-color: rgba(137, 96, 230, 1);
  --main-special-text-bg: rgba(205, 195, 253, 0.4);
  --main-special-table_th-bg: rgba(23, 26, 29, 0.04);
  --main-special-table_th-color: rgba(23, 26, 29, 0.4);
  --main-table-bg: rgba(191, 194, 197, 0.1);
  --main-special-selectTitle-color: rgba(23, 26, 29, 1);
  --main-enginerEntity-backcolor: #fff;
  --main-enginerEntity-border: 1px solid rgba(126, 134, 142, 0.16);
  --material-supplierRisk-border-color: 1px solid rgba(126, 134, 142, 0.24);
  --material-test-backgroundImage: url("../img/materialCommon/bg1.png");

  --materl-test-backgroundImage: url("../img/materialCommon/test2.png");
  --materl-rate-backgroundImage:url("../img/materialCommon/rate2.png");
  --material-warn-rate-img:url("../img/materialCommon/warn2.png");

}


html[data-theme="dark"] {
  --theme-color: #f56c6c;
  --background-color: #f0f2f5;
  --body-color: linear-gradient(
    90deg,
    rgba(247, 149, 51, 0.1),
    rgba(243, 112, 85, 0.1) 15%,
    rgba(239, 78, 123, 0.1) 30%,
    rgba(161, 102, 171, 0.1) 44%,
    rgba(80, 115, 184, 0.1) 58%,
    rgba(16, 152, 173, 0.1) 72%,
    rgba(7, 179, 155, 0.1) 86%,
    rgba(109, 186, 130, 0.1)
  );
  --text-color: #000;
  --text-color1: #272222;
  --text-color2: #c5bdbd;
  --border-line: #e4e7ed;
  --header-back-color: hsla(0, 0%, 100%, 0.65);
  --article-color: #303133;
  --box-title_color: #333333;
  --text-color3: #f2f6fc;
  --comment-box: #f5f5f5;
  --im-user-box-backgroudColor: #1de9b6;
  --im-box-backgroudColor: #a6c6f7;
  --im-backgroudColor: #dcdfe6;
  --hover-color: #dcdfe6;
  --tips-backgroud-color: #ecf8ff;
  --article-structure-backcolor: #ecf5ff;
  --friend-tip-color: #f5f5f5;
  --article-srect-background: repeating-linear-gradient(
    145deg,
    #f2f6fc,
    #f2f6fc 15px,
    #fff 0,
    #fff 25px
  );
  --say-background: #f7f7f7;
  --footer-background-color: rgba(255, 255, 255, 0.8);
  --forum-background-color: #f2f3f5;
  --article-table-border-color: #fffdf9;
  --article-table-back-color: #fff3e0;

  --background-image: url("../img/homeCommon/bg.png");
  --main-select-color: #1277ff;
  --main-border-color: #1277ff;
  --background-text-color: rgba(18, 119, 255, 0.08); /* 上面筛选框背景色 */
  --main-select-fontIcon-color: rgba(
    18,
    119,
    255,
    1
  ); /* 上面筛选框小图标颜色 */
  --main-title-icon: url("../img/homeCommon/icontext2.png"); /* 文字前小图标 */
  --main-title-color: rgba(132, 198, 255, 1);
  --main-title-bg: rgba(18, 119, 255, 0.08);
  --main-title-border: 1px solid #fff;
  --main-title-image: linear-gradient(
      to right,
      rgba(18, 119, 255, 1),
      transparent,
      transparent,
      transparent
    )
    20 20;
  --main-waterWaveSphere-color: #fff;
  --materialData-text-color: rgba(210, 234, 255, 1);
  --materialData-border-color: 3px solid rgba(18, 119, 255, 1);
  --materialData-num-color: rgba(255, 255, 255, 1);
  --materialData-num-background: rgba(18, 119, 255, 0.24);
  --total-num-color: 1px solid rgba(255, 255, 255, 1);
  --materialData-rate-color: rgba(255, 255, 255, 1);
  --materialData-passRate-color: rgba(255, 255, 255, 1);
  --main-titleUnselect-color: rgba(100, 163, 226, 1);
  --main-mixSation-border: 1px dotted rgba(40, 110, 210, 1);
  --main-mix-image: url("../img/homeCommon/tong1.png");
  --main-rateNum-image: url("../img/homeCommon/tongBg1.png");

  --main-mixRate-color: rgba(210, 234, 255, 1);
  --main-mixBg-image: url("../img/homeCommon/tongdata1.png");
  --main-special-num-color: rgba(255, 255, 255, 1);
  --main-special-text-color: rgba(205, 195, 253, 1);
  --main-special-text-bg: rgba(137, 96, 230, 0.2);
  --main-special-table_th-bg: rgba(18, 119, 255, 0.08);
  --main-special-table_th-color: rgba(38, 126, 221, 1);
  --main-table-bg: rgba(18, 81, 255, 0.1);
  --main-special-selectTitle-color: rgba(18, 119, 255, 1);
  --main-enginerEntity-backcolor: rgba(18, 119, 255, 0.2);
  --main-enginerEntity-border: 1px solid transparent;
  --material-supplierRisk-border-color: 1px solid rgba(59, 104, 185, 1);
  --material-test-backgroundImage: url("../img/materialCommon/bg.png");
  --materl-test-backgroundImage: url("../img/materialCommon/test1.png");
  --materl-rate-backgroundImage:url("../img/materialCommon/rate1.png");
  --material-warn-rate-img:url("../img/materialCommon/warn1.png");

  /* rgba(18, 119, 255, 0.30) */
}
